<template>
	<view>
		<uni-nav-bar  left-icon="left" title="修改手机号" right-text="保存"   :border="false"
			 @clickLeft="back"  @clickRight="updatePhone"/>
		
		<uni-forms ref="form" :modelValue="baseFormData">
			<uni-forms-item >
					<input  style="border-bottom: 1px solid; position: relative; top: 20px; width: 90%; left: 4%;" v-model="baseFormData.phone" placeholder="请输入新手机号" />
					<text style="position: relative; top: 45rpx; left: 40rpx;color: indianred;">(注意:近10天内只允许修改一次!)</text>
			</uni-forms-item>
		</uni-forms>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
				// 表单数据
				baseFormData: {
					phone:''
				}
			}
		},
		onLoad(option) {
			console.log(option.phone)
		},
		methods: {
			// 返回
			back(){
				uni.navigateTo({
					url:'/pages/myInfo/editInfo'
				})
			},
			// 修改用户手机号
			updatePhone(){
				console.log("更新用户手机号")
			}
		}
	}
</script>

<style>

</style>
